¿Cuál es la diferencia entre ng-bootstrap y ngx-bootstrap ? ¿Están relacionados entre sí? ¿O son simplemente implementaciones concurrentes?
¿Alguien ha trabajado con ambos y puede dar / explicar los pros y los contras de ambos?
Con ng-bootstrap me refiero a ng-bootstrap.github y
con ngx-bootstrap me refiero a valor-software-ngx-bootstrap .
Ambos relacionados con Angular 4 ( ¡no con AngularJS! ) y Bootstrap 4.
Tenga en cuenta que esta no es una pregunta duplicada de diferencia entre ngx-bootstrap y ng2 bootstrap. .
ng-bootstrap y ngx-bootstrap son dos proyectos diferentes de dos equipos de proyectos diferentes que intentan lograr más o menos lo mismo, lo que le permite usar Bootstrap en Angular (2+) sin el uso de jQuery.
Ambos están reconstruyendo los componentes de Bootstrap usando solo Angular (sin jQuery). Las principales diferencias son sobre qué versión de Bootstrap admiten.
Esto significa que si necesita usar Bootstrap versión 3, entonces ngx-bootstrap es su única opción real de las dos. Si puede usar Bootstrap 4, puede elegir entre los dos proyectos.
La otra diferencia (potencialmente significativa) son los equipos detrás de los proyectos. El punto clave a tener en cuenta a este respecto es que el equipo detrás de ng-bootstrap también fue responsable de angular-ui-bootstrap, la versión AngularJS (es decir, 1.x) de la biblioteca Bootstrap.
Estaba pensando en qué usar para mi proyecto y luego, después de comparar ambos proyectos, creo que ngx-bootstrap de valor-software es una mejor opción ya que tiene animación integrada en su componente modal. Ng-bootstrap, la animación aún no está presente, un modal que aparece sin una animación es un gran fastidio. Otra razón es que Ng-bootstrap todavía está en versión beta y no pude usarlo para mi aplicación de producción al compararlo con ngx-bootstrap, que ya tiene una versión candidata de lanzamiento (22/12/2017). Sin embargo, les deseo buena suerte a ambos proyectos y espero encontrar soluciones sólidas.
Actualización de 2021: a partir de v8.0.0 en ng-boostrap, las animaciones están activadas de forma predeterminada y están disponibles en todos los componentes de arranque estándar.
He usado tanto ngx-bootstrap (por Valor) como ng-bootstrap (por ng-boostrap). Aquí están mis dos centavos de las características únicas que obtienes de ellos:
También puede comparar sus recuentos de descargas de npm con npmtrends .
[Nota: mi respuesta se basa en la última versión actual, es decir, ngx-bootstrap v5.5.0 y ng-boostrap v6.0.0]